<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>添加发货记录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script type="text/javascript" src="./data/sensor.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/md5.js"></script>

    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">


            <!--                    <div class="layui-form-item" >-->
            <!--                        <label for="L_userName" class="layui-form-label">-->
            <!--                            <span class="x-red">*</span>维护人:</label>-->
            <!--                        <div class="layui-input-inline">-->
            <!--                            <input type="text" id="L_userName" name="username" required="" lay-verify="username"  class="layui-input">-->
            <!--                        </div>-->
            <!--                    </div>-->
<!--            <div class="layui-form-item">-->
<!--                <label for="L_orderNo" class="layui-form-label">-->
<!--                    <span class="x-red">*</span>单号:</label>-->
<!--                &lt;!&ndash;                        <div class="layui-form-text">&ndash;&gt;-->
<!--                &lt;!&ndash;                            <input id="L_orderNo" name="orderNo"></input>&ndash;&gt;-->
<!--                &lt;!&ndash;                        </div>&ndash;&gt;-->
<!--                <div class="layui-input-inline">-->
<!--                    <input type="text" id="L_orderNo" name="orderNo" required="" lay-verify="orderNo" autocomplete="off"-->
<!--                           class="layui-input">-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="layui-form-item">-->
<!--                <label for="L_courier" class="layui-form-label">-->
<!--                    <span class="x-red">*</span>物流公司:</label>-->
<!--                <div class="layui-input-inline">-->
<!--                    <input type="text" id="L_courier" name="courier" required="" lay-verify="courier" autocomplete="off"-->
<!--                           class="layui-input">-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="layui-form-item">-->
<!--                <label for="L_consignee" class="layui-form-label">-->
<!--                    <span class="x-red">*</span>收件人信息:</label>-->
<!--                <div class="layui-input-inline">-->
<!--                    <input type="text" id="L_consignee" name="consignee" required="" lay-verify="consignee" autocomplete="off"-->
<!--                           class="layui-input">-->
<!--                </div>-->
<!--            </div>-->
            <div class="layui-form-item">
                <label for="select_address" class="layui-form-label">
                    <span class="x-red">*</span>矿</label>
                <div class="layui-input-inline">
                    <select id="select_address" style="width: 100px;height: 20px">
                        <option value="">请选择</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="select_attachmentType" class="layui-form-label">
                    <span class="x-red">*</span>文档类别</label>
                <div class="layui-input-inline">
                    <select id="select_attachmentType" style="width: 100px;height: 20px">
                        <option value="">请选择</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_note" class="layui-form-label">
                    <span class="x-red">*</span>备注:</label>
                <div class="layui-form-text">
                    <textarea id="L_note" name="note" style="width: 200px; height: 80px;"></textarea>
                </div>
            </div>

            <div class="layui-form-item">
                <label for="L_note" class="layui-form-label">
                    <span class="x-red">*</span>文档:</label>
                <input type="file" id="file_1">
                <button class="layui-btn-normal" style="display: none;">上传</button>
            </div>


            <!--                    <div class="layui-form-item">-->
            <!--                        <label for="L_pass" class="layui-form-label">-->
            <!--                            <span class="x-red">*</span>密码</label>-->
            <!--                        <div class="layui-input-inline">-->
            <!--                            <input type="password" id="L_pass" name="pass" required="" lay-verify="pass" autocomplete="off" class="layui-input"></div>-->
            <!--                        <div class="layui-form-mid layui-word-aux">6到16个字符</div></div>-->
            <!--                    <div class="layui-form-item">-->
            <!--                        <label for="L_repass" class="layui-form-label">-->
            <!--                            <span class="x-red">*</span>确认密码</label>-->
            <!--                        <div class="layui-input-inline">-->
            <!--                            <input type="password" id="L_repass" name="repass" required="" lay-verify="repass" autocomplete="off" class="layui-input"></div>-->
            <!--                    </div>-->
            <div class="layui-form-item">
                <!--                        <label for="test" class="layui-form-label"></label>-->
                <label class="layui-form-label"></label>
                <label class="layui-form-label"></label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button class="layui-btn" lay-filter="edit" lay-submit="">保存</button>
            </div>
        </form>
    </div>
</div>
<script>

    function getQueryVariable(variable) {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i = 0; i < vars.length; i++) {
            var pair = vars[i].split("=");
            if (pair[0] == variable) {
                return pair[1];
            }
        }
        return (false);
    }

    var curInfo;

    $(function () {
        let pid = getQueryVariable("id");

        if (pid > 0) {
            pid=parseInt(pid);
            var info = sensorServer.getDeliverRecordById({"id": parseInt(pid)});
            curInfo = info;
            debugger;
            $("#L_orderNo").val(curInfo.orderNo);
            $("#L_note").val(curInfo.note);
            $("#L_courier").val(curInfo.courier);
            $("#L_consignee").val(curInfo.consignee);
            InitSensorInfo(pid);  //roleID

        }else{
            InitSensorInfo(0);  //roleID
        }

    });

    function InitSensorInfo(pid) {
        var dataSensor = sensorServer.getMinesList({"page": 1, "rows": 1000});
        if (dataSensor != null) {
            let optionList = "";
            for (let i = 0; i < dataSensor.data.length; i++) {
                if (pid != null && pid != undefined && dataSensor.data[i].id == pid) {
                    optionList += "<option selected='true' value='" + dataSensor.data[i].id + "'>" + dataSensor.data[i].mineName + "</option>";
                } else {
                    optionList += "<option value='" + dataSensor.data[i].id + "'>" + dataSensor.data[i].mineName + "</option>";
                }
            }
            $("#select_address").append(optionList);


            var dataType=sensorServer.getMinesAttachmentType({"page":1,"rows":1000});
            if (dataType!=null) {
                let optionList="";
                for(let i=0;i<dataType.data.length;i++){
                    optionList+="<option value='"+dataType.data[i].id+"'>"+dataType.data[i].typeName+"</option>";
                }
                $("#select_attachmentType").append(optionList);
            }

            if(pid>0){
                debugger;
                $("#select_address").val(curInfo.minesId);
                //$("#select_address").attr('value',curInfo.minesId);
            }
        }
        console.log("sensor list count:" + dataSensor.data.length);
        $("#select_address").val(pid);
        // layui.use(['form', 'layer','jquery'],
        layui.use('form',
            function () {
                $ = layui.jquery;
                var form = layui.form,
                    layer = layui.layer;

                //自定义验证规则
                form.verify({
                    nikename: function (value) {
                        if (value.length < 5) {
                            return '昵称至少得5个字符啊';
                        }
                    },
                    pass: [/(.+){6,12}$/, '密码必须6到12位'],
                    repass: function (value) {
                        if ($('#L_pass').val() != $('#L_repass').val()) {
                            return '两次密码不一致';
                        }
                    }
                });

                //监听提交
                form.on('submit(edit)',
                    function (data) {
                        debugger;
                        if (pid == 0) {
                            addInfoAndFile(data.field.note);
                            debugger;
                            console.log(data);
                            // let mineID = $("#select_address").val();
                            // let serverUrl="";
                            // let fileName="";
                            // let param = {"note": data.field.note, "minesId": mineID,"fileUrl":serverUrl,"fileName":fileName,};
                            // let result = sensorServer.addMinesAttachment(param);
                            // if (result == 1) {
                            //     layer.alert("添加成功", {
                            //             icon: 6
                            //         },
                            //         function () {
                            //             //关闭当前frame
                            //             xadmin.close();
                            //             // 可以对父窗口进行刷新
                            //             xadmin.father_reload();
                            //         });
                            // } else {
                            //     layer.alert("添加失败", {
                            //             icon: 5
                            //         },
                            //         function () {
                            //             //关闭当前frame
                            //             xadmin.close();
                            //
                            //             // 可以对父窗口进行刷新
                            //             xadmin.father_reload();
                            //         });
                            // }
                            return false;
                        }
                        console.log(data);
                        curInfo.note = data.field.note;
                        let mineID = $("#select_address").val();
                        let param = {"id":pid,"note": data.field.note, "minesId": mineID, "orderNo": data.field.orderNo, "courier": data.field.courier, "consignee": data.field.consignee};
                        let result = sensorServer.updateDeliverRecord(param);
                        if (result == 1) {
                            layer.alert("修改成功", {
                                    icon: 6
                                },
                                function () {
                                    //关闭当前frame
                                    xadmin.close();

                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        } else {
                            layer.alert("修改失败", {
                                    icon: 5
                                },
                                function () {
                                    //关闭当前frame
                                    xadmin.close();

                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                        }
                        return false;
                    });

            });

    }

    function addInfoAndFile(note)  {
            let formData = new FormData();
            if(document.getElementById('file_1').files.length==0)
            {
                alert("请选择要上传的文件！！");
                return;
            }
            formData.append("file", document.getElementById('file_1').files[0]);
            let url=sensorServer.getUploadFileUrl();
            $.ajax({
                url:url,
                type:"post",
                data:formData,
                processData:false,
                contentType:false,
                success:function(data){
                    if(data.msg=="操作成功"&&data.data!=null){
                        let uploadSuccessPath=data.data;
                        if(uploadSuccessPath!="") {
                            let fileName=document.getElementById('file_1').files[0].name;
                            let serverUrl=data.data;
                            let mineID = $("#select_address").val();
                            let typeId=$("#select_attachmentType").val();
                            let param = {"note": note, "minesId": mineID,"fileUrl":serverUrl,"fileName":fileName,"typeId":typeId};
                            let result = sensorServer.addMinesAttachment(param);
                            if (result == 1) {
                                layer.msg("上传成功！");
                            }
                            else
                                layer.msg("操作失败！");
                        }else{
                            layer.msg("保存失败！");
                        }
                    }else{
                        alert(JSON.stringify(data));
                        layer.msg("上传失败！");
                    }
                },
                error:function(e){
                    alert("错误！！");

                }
            });
        }


</script>
</body>

</html>
